<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			body{background-color:#eee;}
			.container{
				margin:100px auto;
				width:1190px;
				height:224px;
				border:1px solid green;
			}
			.tp{
				display:inline-block;
				vertical-align:top;
				width:234px;
				height:224px;
				background-color:#fff;
			}
			h3{
				margin:20px 0 5px 10px;
			}
			p{
				margin:0 9px 0 10px;
				font-size:13px;
				color:#7dc333;
			}
			img{
				margin:0 0 30px 85px;
			}
		</style>
	</head>
	<body>
		<div class='container'>
			<div class='tp'>
				<h3>大家电年度盛典</h3>
				<p>疯抢300元优惠券</p>
				<img width='150px' height='157px' src='1.jpg' alt='洗衣机'>
			</div>
			<div class='tp'>
				<h3>冬季孕妇毛衣专场</h3>
				<p>时尚潮流温暖舒适</p>
				<img width='150px' height='157px' src='2.jpg' alt='毛衣'>
			</div>
			<div class='tp'>
				<h3>乔丹童鞋跑鞋</h3>
				<p>释放双脚跑起来</p>
				<img width='150px' height='157px' src='3.jpg' alt='跑鞋'>
			</div>
			<div class='tp'>
				<h3>双十二整车特卖啦</h3>
				<p>贷款买车24期0利率</p>
				<img width='150px' height='157px' src='4.jpg' alt='汽车'>
			</div>
			<div class='tp'>
				<h3>品牌岁末疯抢</h3>
				<p>分期免息</p>
				<img width='150px' height='157px' src='5.jpg' alt='电视机'>
			</div>
		</div>
	</body>
</html>
